page{
  background-color: #f6f6f6;
}
.promotionDetailsFacilitator{
  overflow: hidden;
  .order-status{
    background-color: #FBD220;
    height: 86rpx;
    padding: 0 48rpx;
    font-size: 40rpx;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    .text{
      margin-top: 6rpx;
    }
  }
  .order-info{
    background-color: #fff;
    box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, 0.1);
    border-radius: 10rpx;
    margin: 24rpx;
    .userinfo{
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 80rpx;
      padding: 0 24rpx;
      border-bottom: 2rpx solid #eee;
      .left{
        display: flex;
        align-items: center;
        .avatar{
          width: 56rpx;
          height: 56rpx;
          border-radius: 56rpx;
          margin-right: 16rpx;
        }
        .nickname{
          font-size: 32rpx;
          color: #333;
        }
      }
    }
    .store-info{
      height: 80rpx;
      display: flex;
      align-items: center;
      padding: 0 24rpx;
      .title{
        margin: 0 26rpx 0 16rpx;
        font-size: 26rpx;
        color: #333;
      }
    }
    .car-info{
      display: flex;
      padding: 0 24rpx 38rpx;
      .img{
        width: 198rpx;
        height: 130rpx;
        border-radius: 5rpx;
      }
      .info{
        flex: 1;
        margin-left: 24rpx;
        height: 130rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .title{
          font-size: 28rpx;
          color: #333;
          line-height: 46rpx;
          overflow: hidden;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }
        .price{
          color: #999;
          font-size: 24rpx;
          .mark-price{
            text-decoration: line-through;
          }
        }
      }
    }
    .config-info{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 22rpx 32rpx;
      .label{
        font-size: 26rpx;
        color: #333;
      }
      .info{
        height: 56rpx;
        background-color: #F0EFEF;
        border-radius: 56rpx;
        display: flex;
        align-items: center;
        padding: 0 24rpx;
        .round{
          box-sizing: border-box;
          width: 28rpx;
          height: 28rpx;
          border-radius: 28rpx;
          border: 1px solid #999;
        }
        .text{
          font-size: 26rpx;
          color: #666;
          margin: 0 12rpx;
        }
      }
    }
    .cotact-btn{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 24rpx 24rpx;
      .btn{
        height: 54rpx;
        background: linear-gradient(0deg, #FBD220, #FFE23E);
        border-radius: 54rpx;
        padding: 0 24rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 40rpx;
        .text{
          font-size: 26rpx;
          color: #333;
          margin-left: 10rpx;
        }
      }
    }
    .price-box{
      margin: 0 16rpx;
      border-top: 2rpx solid #eee;
      height: 86rpx;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      .label{
        font-size: 24rpx;
        color: #666;
        margin: 0 10rpx;
      }
      .price{
        font-size: 24rpx;
        color: #EB5C02;
        font-weight: bold;
        margin-right: 30rpx;
        .strong{
          font-size: 32rpx;
        }
        &.total{
          color: #333;
          margin-right: 0;
        }
      }
    }
  }

  .plan-box{
    background-color: #fff;
    box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, 0.1);
    border-radius: 10rpx;
    margin: 24rpx;
    .top{
      height: 64rpx;
      display: flex;
      align-items: center;
      margin: 0 16rpx;
      border-bottom: 2rpx solid #eee;
    }
    .plan-details{
      padding: 32rpx 0;
      .item{
        flex: 1;
        border-left: 2rpx solid #eee;
      }
      .item:first-child{
        border-left: none;
      }
      .num {
      	font-size: 36rpx;
      	color: #FBB000;
      	font-weight: bold;
      }  
      .text {
      	color: #999;
      	font-size: 24rpx;
        margin-top: 10rpx;
      }
    }
  }

  .order-write-off{
    margin: 24rpx;
    .title{
      font-size: 28rpx;
      color: #333;
    }
    .content{
      background-color: #fff;
      box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, 0.1);
      border-radius: 10rpx;
      margin-top: 10rpx;
      padding: 0 16rpx;
    }
    .customer-upload{
      .top{
        height: 100rpx;
        padding-left: 8rpx;
        .text{
          font-size: 28rpx;
          color: #333;
        }
        .btn{
          width: 164rpx;
          height: 48rpx;
          background: linear-gradient(0deg, #FBD220, #FFE23E);
          border-radius: 24rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 26rpx;
          color: #333;
        }
      }
      .img-box{
        width: 346rpx;
        margin-left: 10rpx;
        overflow: hidden;
        padding-bottom: 30rpx;
        .img{
          height: 202rpx;
          border-radius: 10rpx;
          .pic{
            width: 100%;
            height: 100%;
            display: block;
          }
        }
        .text{
          font-size: 26rpx;
          color: #666;
          text-align: center;
          margin-top: 10rpx;
        }
      }
    }
    .sales-upload{
      padding-top: 30rpx;
      .top{
        padding-left: 8rpx;
        .text{
          font-size: 28rpx;
          color: #333;
        }
        .btn{
          width: 164rpx;
          height: 48rpx;
          background: linear-gradient(0deg, #FBD220, #FFE23E);
          border-radius: 24rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 26rpx;
          color: #333;
        }
      }
      .upload-one{
        .cell{
          height: 96rpx;
          border-bottom: 2rpx solid #eee;
          .label{
            font-size: 28rpx;
            color: #999;
          }
          .input-box{
            margin-left: 50rpx;
            font-size: 28rpx;
            color: #333;
            text-align: right;
          }
          .value{
            font-size: 28rpx;
            color: #333;
          }
        }
      }
      .upload-two{
        overflow: hidden;
        padding: 10rpx 0 50rpx;
        .cell{
          width: 50%;
          text-align: center;
          margin-top: 30rpx;
          .img{
            width: 312rpx;
            height: 182rpx;
            box-sizing: border-box;
            .pic{
              width: 100%;
              height: 100%;
              display: block;
            }
          }
          .text{
            font-size: 26rpx;
            color: #666;
            text-align: center;
            margin-top: 10rpx;
          }
        }
      }
    }
    .border{
      border-top: 2rpx solid #eee;
    }
  }
  
  .order-info-box{
    margin: 24rpx;
    padding-bottom: 100rpx;
    .title{
      font-size: 28rpx;
      color: #333;
    }
    .content{
      background-color: #fff;
      box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, 0.1);
      border-radius: 10rpx;
      margin-top: 10rpx;
      padding: 24rpx 16rpx;
      .cell{
        height: 50rpx;
        .label{
          font-size: 26rpx;
          display: block;
          width: 160rpx;
        }
        .value{
          font-size: 26rpx;
          color: #333;
        }
        .copy{
          display: block;
          height: 32rpx;
          line-height: 32rpx;
          font-size: 26rpx;
          color: #666;
          background-color: #FFF6CD;
          border-radius: 5rpx;
          margin-left: 24rpx;
          padding: 0 16rpx;
        }
      }
    }
  }
  .btn-submit{
    margin: 0 24rpx 100rpx;
    height: 88rpx;
    background: linear-gradient(0deg, #FBD220, #FFE23E);
    border-radius: 44rpx;
    font-size: 30rpx;
    color: #333;
  }
  .popup {
  
  	.title {
  		padding: 41rpx;
  		border-bottom: 2rpx solid #EEEEEE;
  	}
  
  	.content {
  		padding: 41rpx;
  		font-size: 28rpx;
  	}
  }
}